/* CSS Document */
body { font-family:"TWHK Medium" ,"Noto Sans" !important; font-size: 14px; line-height:30px; color: #000000; }
h1, h2, h3, h4, h5 { font-family:"TWHK Medium" ,"Noto Sans" !important; font-weight:normal; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
.fr { float:right; }
.fl { float:left; }
img { padding:0; margin:0; border:0; }
img a { padding:0; margin:0; border:0; }
.clear { clear: both; }
.clearfix { *zoom: 1;}
.clearfix { clear: both; }
ul, ul li { list-style:none;}
body, div, span, small, p, em, th, td, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, textarea { padding: 0; margin: 0; }
ul, li { list-style: none; }
html a { text-decoration: none; color: #000; }
html a:hover { text-decoration: none;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; }
html::-webkit-scrollbar {
width:7px;
height:7px;
background-color:#ececec;
}
html::-webkit-scrollbar-track {
border-radius:0;
background-color:#ececec;
}
html::-webkit-scrollbar-thumb {
border-radius:0;
width:17px;
height:17px;
background-color:#2266ae;
}
::-moz-selection {
background: #2266ae;
color: #fff;
text-shadow: none;
}
::selection {
background: #2266ae;
color: #fff;
text-shadow: none;
}
a { text-decoration: none;}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
h1, h2, h3, h4, h5, h6 { font-weight: 100; }
i, em { font-style: normal; }
img { border: none; }
html { font-family:"TWHK Medium" ,"Noto Sans" !important; font-size: 14px; }
body { font-family:"TWHK Medium" ,"Noto Sans" !important; transition: all .3s;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 -o-transition: all .3s;
}
/* 公共部分 */
.m0{margin:0;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.mr1{margin-right:1px;}.mr2{margin-right:2px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}
.mt20{margin-top:20px;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:20px;}
.ml-1{margin-left:-1px;}.mt-1{margin-top:-1px;}
.p1{padding:1px;}.pl1{padding-left:1px;}.pt1{padding-top:1px;}.pr1{padding-right:1px;}.pb1{padding-bottom:1px;}.p2{padding:2px;}.pl2{padding-left:2px;}.pt2{padding-top:2px;}
.pr2{padding-right:2px;}.pb2{padding-bottom:2px;}.pl5{padding-left:5px;}.p5{padding:5px;}.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.p10{padding:10px;}
.pl10{padding-left:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.p20{padding:20px;}.pl20{padding-left:20px;}.pt20{padding-top:20px;}
.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}
.pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}.pr15{padding-right:15px;}
.mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.mr15{margin-right:15px;}
.g0{color:#000;}.g3{color:#333;}.g6{color:#666;}.g9{color:#999;}.wh{color:white;}
.f0{font-size:0;}.f10{font-size:10px;-webkit-text-size-adjust:none;}.f11{font-size:11px;-webkit-text-size-adjust:none;}.f12{font-size:12px;}
.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f20{font-size:20px;}.f24{font-size:24px;}
.pink{ color:#ff00ff;} .blue{ color:#008cd4;} .deepblue{ color:#000099;} .gray{ color:#999999;} .red{ color:#ff0000;} .black{ color:#000;} .white{ color:white;} .green{color:green;} .oninage{color:#f47c20 }
.n{font-weight:normal; font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.tj{text-align:justify;}
.tdl{text-decoration:underline;}.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;}
.lt0{letter-spacing:0;}lt1{letter-spacing:1px;}
.bk{word-wrap:break-word;}
.vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vb{vertical-align:bottom;}.vt{vertical-align:top;}.vn{vertical-align:-2px;}
.cl{clear:both;}
.rel{position:relative;}.abs{position:absolute;}
.zx1{z-index:1;}.zx2{z-index:2;}
.poi{cursor:pointer;}.def{cursor:default;}
.ovh{overflow:hidden;}
.vh{visibility:hidden;}.vv{visibility:visible;}
.z{*zoom:1;}
.tu{text-transform:uppercase}
/*圆边框*/
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;}
.b1,.b8{margin:0 4px;}
.b2,.b7{margin:0 3px;border-right:1px solid; border-left:1px solid;}
.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}
/*banner&nav*/
.banner-nei img { display:block; width:100%; height:auto }
.navbar { position: relative; margin-bottom: 0px; }
.navbar-inverse { background:#fff; }
.navbar-brand { margin-top:0px; padding:0px; }
.navbar-nav > li > a { padding-top:10px; padding-bottom: 10px; line-height:100px; font-size:16px; color:#686868; border-right:#e8e8e8 1px solid; text-transform:uppercase; }
.nav { border-left:#e8e8e8 1px solid; margin-left:10px; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a.focus { color: #b70005; }
.navbar-inverse .navbar-nav > li > a { color:#686868; }
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: #b70005; border: 1px solid transparent; border-radius: 4px; }
.w1360 { width:100%; height:auto; margin:0px auto; max-width:1720px;}
/*headerx*/
#headerx {height:140px; width:100%; background:#fff; position:relative; z-index:1000; border-bottom:1px solid #ddd; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);position: fixed;top: 0;left: 0;}
.mtop{width:100%; height:45px;border-bottom:1px solid #ddd;}
.mtop .left{height:45px; line-height:45px; font-size:14px; color:#333; float:left;}
.pclang{height:25px; float:right; margin-top:10px;}
.pclang img{float:right; margin-left:20px;}
.pclogo{width:11%; height:95px; overflow:hidden; float:left; display:flex; align-items:center; transition:.3s; }
.pclogo a img{max-width:100%; height:auto; transition:.3s;}
/*navx*/
.navx { height:95px; float:right; transition:.3s;}
.navx ul { }
.navx li { float:left; z-index:13; text-align:center; position:relative; }
.navx li h2 a { color:#424242; font-size:16px; height:95px; line-height:95px; display:block; text-align:center; padding:0px 40px; transition:.3s;}
.navx li h2 a:hover { color:#004ea1;}
.navx li h2 a.focus { color:#004ea1;}
.navx li h2 a.focusx { color:#004ea1;}
.option { display:none; left:50%; position:absolute; top:100%; z-index:12; width:160px; height:auto; text-align:center;transform: translate(-50%,0%);box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);}
.option a { color:#333; display:block; line-height:45px; height:45px; font-size:16px; text-align:center;background: #fff;}
.option a:hover {color:#fff; background:#004ea1;}
/*头部搜索*/
.sousuo { padding:0px 20px 0px 20px; cursor:pointer; height:95px; display:flex; align-items:center; transition:.3s; float:right;}
.search { position:absolute; width:100%;
	 /* background:rgba(255, 255, 255, 0.8);  */
	 background: #eee;
	 top:100%; left:0;
	  z-index:1001; padding:60px 0px 100px; display:none; -webkit-box-sizing: content-box; 
	  -moz-box-sizing: content-box; box-sizing: content-box;
	  border-top:1px solid #ccc;
	}
.search .colse{width:40px; height:40px; line-height:40px; text-align:center; font-size:40px; color:#000; position:absolute; right:20px; top:20px; z-index:10; font-family:Verdana, Geneva, sans-serif; cursor:pointer;}
.cont{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; max-width:800px;}
.search form { display:flex; }
.search form input { width:85%; line-height:20px; padding:10px; border:1px rgba(0, 0, 0, .2) solid; border-right:0; outline:none; }
.search form button { width:15%; background:#004ea1; color:#fff; border:0; font-size:16px;  transition:.3s;}
.search form button:hover { background:#004ea1; }
@media screen and (max-width:1760px) {
	.w1360 { width:100%; padding:0px 20px;}
}
@media screen and (max-width:1440px) {
	.navx li h2 a { color:#333; font-size:16px; height:95px; line-height:95px; display:block; text-align:center; padding:0px 20px; transition:.3s;}
}
/**/
.m_hide { display: none; }
/*pc不显示手机显示*/
.pc_hide { display: block; }
.m_header { width: 100%; position: fixed; left: 0; top:38px; z-index:1000; }
.m_body {z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; background:#525252; display:none;}
.m_header .logo { width:39%; float: left; padding-left:20px; height:60px; overflow:hidden; float:left; display:flex; align-items:center;}
.m_header .logo a, .m_header .logo img { display: block; max-width:100%; height:auto;}
.m_header .mme{width:30px; height:60px; float:right; margin-right:20px; text-align:center; font-size:12px; line-height:18px; color:#000; padding-top:19px;}
.m_header .mme img{max-width:100%; height:auto;}
.mlang{height:60px; line-height:60px; color:#666; font-size:12px; float:right; margin:0px 5px 0px 0px;}
.mlang a{color:#666;}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19; z-index:100;right:-80%; height: calc(100vh); overflow-x: hidden;padding-top: 30px;}
.a_txt .div3 ul{padding-left:5%;padding-right:5%;height: calc(100vh - 60px);overflow-x: hidden;overflow-y: auto;}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}

.m_header .in_header { height: 60px; }
.banner { width:100%; height:auto; overflow:hidden; margin-right: auto; margin-left: auto; position:relative;margin-top: 140px;}

.scroll-down {  bottom:23px; cursor:pointer; height:72px;left:50%; margin-left:-17px; position:absolute; text-align:center; width:33px; z-index:10;}
.scroll-down span.fi { animation:1.5s ease 1.6s normal none infinite running scrollDown; background:url(../images/bg_sign11.png) no-repeat scroll 0 0; height:5px;
 margin:0 0 6px 14px; width:5px; display:inline-block;}
.scroll-down span.se { animation:1.5s ease 1.4s normal none infinite running scrollDown; background:url(../images/bg_sign12.png) no-repeat scroll 0 0; height:7px;
 margin:0 0 6px 13px; width:7px;display:inline-block;}
.scroll-down span.th { animation:1.5s ease 1.2s normal none infinite running scrollDown; background:url(../images/bg_sign13.png) no-repeat scroll 0 0; height: 9px;
 margin: 0 0 6px 12px; width: 9px; display:inline-block;}
.scroll-down span.fo { animation:1.5s ease 1s normal none infinite running scrollDown; background:url(../images/bg_sign14.png)no-repeat scroll 0 0; height:33px;
 width:33px; display:inline-block;}
@keyframes scrollDown {
	0% { opacity: 1; top: 0;}
	100% { opacity: 0; top: 10px;}
}


.nbtit{line-height:50px; text-align:center; font-size:36px; color:#fff; font-weight:bold;}
.nbtitx{line-height:40px; text-align:center; font-size:24px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.nbanner{width:100%; height:500px; min-width:1600px;}
.nbtone{height:50px; line-height:50px; font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; margin-top:140px;}
.nbtwo{height:50px; line-height:50px; font-size:22px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.nline{width:84px; height:2px; background:#fff; float:left;}
.down-ico { display: block; width: 43px; height: 43px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); cursor: pointer; margin-top:20px; position: relative; overflow: hidden; }
.down-ico i { display: block; width: 100%; height: 100%; background: url(../images/ico_16.png) no-repeat center; animation: downico 1.5s ease-out infinite; position: relative; }
@keyframes downico {  
	0% {
	 top: 0;
	 opacity: 1;
	}
	 35% {
	 top: 50%;
	 opacity: 0;
	}
	 65% {
	 top: -50%;
	 opacity: 0;
	}
	 100% {
	 top: 0;
	 opacity: 1;
	}
}
.mbanner{height:auto; overflow:hidden; margin:60px auto 0px auto;}

.nloactionx{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto;}
.nloaction{height:auto; overflow:hidden; line-height:60px; font-size:16px; color:#878787; background:url(../images/wz.png) no-repeat left center; padding-left:22px; float:right;}
.nloaction a{color:#878787;}
.nloaction a:hover{color:#2266ae;}
@media screen and (max-width:1024px){
#ban-in{padding:50px 0; margin-top:60px;}
	.nbtit{line-height:30px; text-align:center; font-size:20px; color:#fff; font-weight:bold;}
	.nbtitx{line-height:30px; text-align:center; font-size:16px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
	.nloactionx{width:100%; height:auto; overflow:hidden; margin:0px auto 0px auto; padding:15px 0px;}
	.nloaction{height:auto; overflow:hidden; line-height:24px; font-size:14px; color:#878787; background:url(../images/wz.png) no-repeat left center; padding-left:22px; float:left;}
	.nloaction a{color:#878787;}
	.nloaction a:hover{color:#2266ae;}
}
.kq1 { -webkit-animation-delay: 1s; }
.kq2 { -webkit-animation-delay: 2s; -webkit-animation-duration: 2s; }
.kq3 { -webkit-animation-delay: 3s; -webkit-animation-duration: 3s; }
.top { width:100%; background-color:#0152a4; }
.kuanping { width:1200px; margin-right: auto; margin-left: auto; }
.yuyan { height:34px; padding-top:24px; }
.guding { position:fixed; top:0px; }
.ttp { margin-top:24px; }
.abtit { background:url(../images/abtit.jpg) center; background-repeat:no-repeat; height:90px; }
.txx { margin-top:36px; }
.nw-tt { padding:20px; height:auto; overflow:hidden; background-color:#0e6bab; color:#FFFFFF; }
.nw-tt h2 { font-size:20px; margin-top:0px; margin-bottom:10px; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; }
.nw-hang { background-color:#eaeaeb; height:127px; margin-bottom:10px; }
.nw-hang-zuo { width:20%; float:left; text-align:center; line-height:127px; background-color:#0e6bab; color:#FFFFFF; }
.nw-hang-you { width:80%; padding:20px; float:right; color:#848484; }
.nw-hang-you h2 { font-size:20px; margin-top:0px; margin-bottom:10px; color:#000000; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; }
.abtt { margin-top:60px; }
.xhui { background-color:#eaeaeb; margin-top:50px; }
.abbj { background:url(../images/about.jpg) center; }
#elevator_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; -webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 60px; height: 50px; background: url(../images/icon_top.png) center center no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6); border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; margin-bottom: 10px }
#elevator:hover { background-color: rgba(0, 0, 0, .7) }
#elevator:active { background-color: rgba(0, 0, 0, .75) }
#elevator_item .qr { display: block; width: 60px; height: 40px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); cursor: pointer; background: url(icon_code.png) center center no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6) }
#elevator_item .qr:hover { background-color: rgba(0, 0, 0, .7) }
#elevator_item .qr:active { background-color: rgba(0, 0, 0, .75) }
#elevator_item .qr-popup { width: 170px; height: 200px; background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, .1); position: absolute; left: -180px; bottom: 0; border-radius: 2px; display: none; text-align: center }
#elevator_item .qr-popup .code-link { display: block; margin: 10px; color: #777 }
#elevator_item .qr-popup .code { display: block; margin-bottom: 10px }
#elevator_item .qr-popup .arr { width: 6px; height: 11px; background: url(code_arrow.png) 0 0 no-repeat; position: absolute; right: -6px; bottom: 14px }
.hy_load { position: absolute; right: 0; color: #333 !important; background: url(hy_load_03.png) no-repeat center right !important; padding-right: 24px; }
.hy_loadx { position: absolute; right: 0; color: #333 !important; padding-right: 24px; }
.arc_link { margin:15px 0; border-top:1px dotted #ccc; padding:8px 0; }
.arc_link span { padding:0 8px; }
.content_ct2 { margin:0 auto; }
.content_ct2 .arc_title { padding:8px 0; text-align:center; font-size:20px; font-weight:bold }
.content_ct2 .add_info { border-bottom:1px dotted #ccc; padding:5px 0; /*background:#fefefe;*/ font-size:14px; text-align:center; }
.turn { width: 100%; border-top: 1px dotted #ccc; padding-top: 25px; margin-top: 30px; line-height:32px; position: relative; font-size:14px; }
.turn p { float: left; line-height:32px; margin-bottom: 7px; }
.turn .line { width: 100%; height: 0; line-height: 0; clear: both; }
.turn a.name { display: inline-block; float: left; line-height: 32px; margin-bottom: 7px; }
.turn a.back { display: inline-block; line-height: 32px; padding: 0 28px; background: #ececec; float: right; }
.jiathis_style { float: right; margin-top:15px; clear:both; }
.jiathis_style span.t { display: inline-block; line-height: 16px; float: left; }

.proleft { width:630px; height:auto; float:left; margin-bottom:40px;}
.prori { width:57.5%; height:auto; overflow:hidden; float:right;}
@media screen and (max-width:1600px){
	.prori { width:40%; height:auto; overflow:hidden; float:right; }
}
@media screen and (max-width:1400px){
	.prori { width:32%; height:auto; overflow:hidden; float:right; }
}
@media screen and (max-width:1200px){
	.prori { width:30%; height:auto; overflow:hidden; float:right; }
}
.title_t { font-size:36px; COLOR: #2266ae; font-weight:bold; text-transform:uppercase; line-height:80px; margin-bottom:20px;}
.prori p{line-height:62px; font-size:18px; color:#3e3e3e; padding-left:20px;}
.prori p.news_list7 { background-color:#f1f1f1; }

.title_tx { font-size:16px; COLOR: #333; line-height:30px; padding:10px 0px;}
a.gwc{height:52px; line-height:52px; padding:0px 30px 0px 60px; font-size:16px; color:#fff; background:#2266ae url(../images/order.png) no-repeat left center; display:block; float:left; margin-top:20px;}
@media screen and (max-width:1024px){
	.prori { width:100%; margin-top:20px;}

	.title_t { font-size:24px; COLOR: #2266ae; font-weight:bold; text-transform:uppercase; line-height:40px; margin-bottom:20px;}
	.prori p{line-height:40px; font-size:16px; color:#3e3e3e; padding-left:20px;}
	.prori p.news_list7 { background-color:#f1f1f1; }
	.title_tx { font-size:14px; COLOR: #333; line-height:30px; padding:10px 0px;}
	a.gwc{height:52px; line-height:52px; padding:0px 30px 0px 60px; font-size:16px; color:#fff; background:#2266ae url(../images/order.png) no-repeat left center; display:block; float:left; margin-bottom:30px;}

}
.inquiry { line-height:32px; border:none; margin-top:6px; width:112px; height:32px; float:left; margin-right:20px; }
.inquiry a { background:url("xunjia.gif") center center no-repeat; display:block; display:block; color:#FFF; font-size:14px; padding-left:35px;}
.inquiry a:hover { background-image:url("xunjia_hover.gif"); display:block; color:#FFF; }

.piclistxx ul li { width:204px; height:auto; margin-right:20px; float:left; }
.piclistxx ul li a { display:block; width:204px; height:auto; }
.piclistxx ul li a:hover img { border:2px solid #2266ae; }
.piclistxx ul li a img { width:200px; height:200px; border:2px solid #ddd; }
.piclistxx ul li .infoxx { height:25px; line-height:25px; width:200px; margin:0 auto; display:block; text-align:center; color:#333; }
#demo1 { float: left; }
#demo2 { float: left; }
#demox1 { float: left; }
#demox2 { float: left; }

/*表单*/
.order_body { margin:8px auto; padding:8px; width:630px; overflow:hidden; line-height:200%; font-size:14px; }
.order_form { }
.order_form tr, .order_form td { padding:5px 0; }
.order_form p { height:32px; line-height:32px; text-align:center; font-weight:bold }
.order_form input { height:35px; line-height:35px; padding:2px; border:1px solid #eeeeee; color:#000; }
.order_form textarea { height:100px; width:70%; padding:2px; border:1px solid #eeeeee; color:#000; }
.order_form .w1 { text-align:right }
.order_form #w30 { width:30%; padding-right:20px; }
.order_form #w70 { width:70% }
.order_form #refresh_code { font-style:normal; text-decoration:underline; cursor:pointer }
.order_form .pt_go, .order_form .pt_reset { width:100px; height:35px; text-align:center; color:#FFF; margin:0 5px; background:#555555; }
.order_formx { }
.order_formx tr, .order_form td { padding:5px 0; }
.order_formx p { height:32px; line-height:32px; text-align:center; font-weight:bold }
.order_formx input { height:20px; line-height:20px; width:30px; padding-left:1px; vertical-align:middle; }
.order_formx textarea { height:100px; width:100%; border:1px solid #E3E3E3; padding-left:1px; }
.order_formx .w1 { text-align:left; border-bottom:#ddd 1px dotted; line-height:35px; padding:0px 10px; }
/*.order_formx #w30{width:30%}*/
.order_formx #w70 { width:70% }
.order_formx #refresh_code { font-style:normal; text-decoration:underline; cursor:pointer }
.order_formx .pt_go, .order_form .pt_resetx { width:80px; height:35px; margin:0 5px; }
/*-------------------------------------------------------在线留言-----------------------------------------------------------------*/
.message_content { padding:519px 0 0 0; }
.message_bg { background:#FFF; position:relative; top:-4px; }
.message_c { width:1200px; margin:0 auto; }
#message_left { float:left; width:800px; padding:0 0 30px 0; position:relative; }
#mf_title { padding:45px 0; }
#mf_title h2 { font-weight:normal; font-size:18px; }
#mf_title h2 span { font-size:18px; font-weight:bold; }
#mf_title h3 { font-weight:normal; font-size:18px; color:#b7b7b7; }
#mf_form h2 { width:550px; float:left; height:32px; line-height:32px; padding:10px; }
#mf_form h2 span { font-size:13px; font-weight:normal; color:#626262; float:left; }
/*#mf_form h2 input{ height:22px; line-height:22px; padding:5px; border:0px; float:right; width:230px; background:#e8e8e8 url(../images/mfinput_bg.png) right bottom no-repeat; color:#000; }
#mf_form h2 input:hover{ background:#ab8448 url(../images/mfinput_hover.png) right bottom no-repeat;color:#FFF;}*/
#mf_form h2 input { height:22px; line-height:22px; padding:5px; border:0px; float:right; width:450px; background-color:#e8e8e8; color:#000; color:#666666; font-size:12px; }
#mf_form h2 input:hover { background-color:#ab8448; color:#FFF; }
#m_need { background-image:url(../images/mfinput_bg.png); background-position:right bottom; background-repeat:no-repeat; color:#666666; }
#div_select:hover input { background-image:url(../images/mfinput_hover.png); background-position:right bottom; background-repeat:no-repeat; background-color:#ab8448; color:#FFF; }
#div_select { width:350px; float:left; height:32px; line-height:32px; padding:10px; position:relative; }
#div_select { width:350px; float:left; height:32px; line-height:32px; padding:10px; }
#div_select span { font-size:13px; font-weight:normal; color:#626262; float:left; }
#div_select input { height:22px; line-height:22px; padding:5px; border:0px; float:right; width:230px; background-color:#e8e8e8; color:#000; }
#div_select:hover input { }
#select_option { position:absolute; width:240px; padding:20px 0 height:60px;
background-color:#ab8448; left:120px; top:42px; display:none; }
.option_div { height:35px; line-height:35px; font-size:15px; color:#FFF; cursor:pointer; padding:0 0 0 20px; }
.option_div:hover { background:#D2AA6D; }
#mf_form h3 { width:610px; padding:10px; }
#mf_form h3 span { font-size:13px; font-weight:normal; color:#626262; float:left; }
.mf_content { float:right; width:500px; height:100px; background:#e8e8e8 url(../images/mfinput_bg.png) right bottom no-repeat; color:#000; border:0px; padding:10px; color:#666666; }
.mf_content:hover { background:#ab8448 url(../images/mfinput_hover.png) right bottom no-repeat; color:#FFF; }
.mf_s { height:32px; width:87px; font-size:14px; text-align:center; color:#FFF; border:0px; cursor:pointer; }
#mf_sub { padding:30px 0; }
#mf_btn { background:#555555; margin:0 15px 0 120px; }
#mf_reset { background:#919191; }
.message_icon { width:48px; margin:0 auto; padding:0 0 50px 0; }
#message_right { float:right; width:306px; }
.list_job { width:100% }
.list_job dt { padding:5px 8px; border-bottom:1px dotted #CCC; }
.list_job dt a { font-weight:bold }
.list_job dt a em.job { font-style:normal; font-weight:normal; color:#DF0E13 }
.list_job dt a:hover { color:#076cc5 }
.list_job dd { padding:5px 8px; height:auto; overflow:hidden; }
.list_job dd p { width:50%; float:left; text-align:left; padding:5px 0; }
.list_job dd div { clear:both; text-align:right; padding:5px 0; font-weight:bold }
.list_jobco { padding:5px 8px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
p.title { padding:10px 0; margin-top:15px; text-align:center; font-weight:bold; font-size:24px; color:#777 }
p.info { padding:0; text-align:center }
p.info span { padding:0 8px; }
.arc_info { margin:8px 0; border:1px solid #ddd; background:#F9F9F9; padding:8px; line-height:150%; }
.arc_body { margin:8px 0; padding:8px 0; width:100%; overflow:hidden; line-height:200%; }
.arc_body a { text-decoration:underline; color:#00386a }
.arc_body a:hover { color:#FF9900 }
.q_body { margin-bottom:4px; margin-top:12px; }
.q_body ul { border-bottom:1px solid #E14333; height:29px; margin:0px; padding:0px; }
.q_body ul li { height:25px; margin-top:4px; display:block; cursor:pointer; padding-left:16px; background:url('li2.gif') no-repeat left top; float:left; margin-right:5px; display:inline }
.q_body ul li span { display:block; float:left; padding-right:16px; background:url('span2.gif') no-repeat right top; line-height:25px; }
.q_body ul li.focus { margin-top:0; height:29px; background:url('li1.gif') no-repeat left top }
.q_body ul li.focus span { background:url('span1.gif') no-repeat right top; line-height:29px; color:#FFFFFF }
.neinews { height:auto; overflow:hidden; }
.neinews .newstxt { line-height:22px; margin-top:5px; padding-bottom:10px; height:auto; overflow:hidden; border-bottom:1px dotted #f2f2f2; position:relative; }
.neinews .newstxt img { margin-top:8px; float:left; margin-right:15px; }
.neinews .newstxt p { line-height:30px; height:auto; overflow:hidden; }
.neinews .newstxt p a { color:#A40000; text-decoration:none; }
.neinews .newstxt p a:hover { color:#EA7526; text-decoration:underline; }
.neinews .newstxt h3 { font-weight:bold; height:auto; line-height:45px; font-size:16px; }
/*search*/
.search_title { margin-top:10px; border:0px solid #ccc; background:#F2F2F2; border-right:0; border-left:0; height:auto; line-height:30px; padding-left:5px; }
.search_title a { padding-left:15px; font-weight:bold }
.search_content { margin-top:5px; border-bottom:1px dotted #ccc }
.search_content h2 { height:25px; line-height:25px; font-size:14px; }
.search_content h2 a { font-size:14px; }
.search_content p { padding:5px 0; line-height:23px; }
.search_page { width:99%; border-top:none; text-align:left; margin-top:8px; }
.search_page ul { list-style:none }
.search_page li { display:block; float:left; margin-left:5px; height:25px; line-height:25px; }
.search_page li a { display:block; height:25px; line-height:25px; float:left; }
.search_page li.focus a { font-weight:bold; color:#990000 }
/*分页样式*/

.pagess{
    padding:20px 0 40px 0;
    font-size:14px;
}
.pagess>ul{
    display: flex;
    justify-content: center;
}
.pagess>ul>li{
    margin-right: 5px;
}
.pagess>ul>li>a{
    padding:10px 15px;
    border: #ccc solid 1px;
    border-radius: 5px;
    background:#fff;
    
}
.pagess>ul>li>a:link,.pagess>ul>li>a:visited{
    color:#414141;
}
.pagess>ul>li>a:hover,.pagess>ul>li>a:active,.pagess>ul>li.thisclass>a{
    border:solid 1px #2266ae;
    background-color: #2266ae;
    color:#fff;
    font-weight: bold;
}



/**/

@media screen and (max-width:1024px){
	.page_fy {padding:3px; margin:3px; text-align:center; margin-top:0px; font-size:12px;margin-top:20px;}
	.page_fy A {padding:3px; MARGIN:2px; COLOR: #fff;  TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px;}
	.page_fy A:hover {MARGIN: 2px; COLOR:#fff; BACKGROUND-COLOR: #2266ae; border:#2266ae 1px solid; padding:2px;}
	.page_fy span{padding:3px;MARGIN: 2px; COLOR: #fff;  TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px;}
	.page_fy span.current { BACKGROUND-COLOR: #2266ae; border:#2266ae 1px solid; font-size:12px;}
	#pagelist{margin-top:20px}
    #pagelist+.page_fy{margin-top:3px;}
}

/**************************/
.cpkuan { width:100%; margin-right: auto; margin-left: auto; max-width:1720px;}
@media screen and (max-width:1024px){
	.cpkuan {width:100%; padding:0px 15px;}
}
/**************************/
.cpkuanx { width:1500px; height:auto; overflow:hidden; margin-right: auto; margin-left: auto; }
/*首页-产品中心*/
.product { height:auto; overflow:hidden; padding:80px 0px; background:#fff url(../images/dotbg.jpg) no-repeat left 240px; }
.product .title{ width:300px; height:135px; overflow:hidden; float:left; background:url(../images/P.png) no-repeat left top; padding-top:50px; margin-bottom:50px;}
.product .title .t1{line-height:40px;  font-size:14px; color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:120px;}
.product .title .t2{line-height:50px; font-size:30px; color:#004ea1; font-weight:bold; background:url(../images/lll.jpg) no-repeat right center; padding-left:70px;}
.proBox{ width:100%; height:auto; overflow:hidden;}
.proBox .hd{ height:auto; text-align:right; margin:0px 0px 40px 0px; float:right;}
.proBox .hd ul{}
.proBox .hd ul li{height:auto; overflow:hidden; transition:color 0.3s ease 0s; display:inline-block; cursor:pointer; border:#e9e9e9 1px solid; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:15px; margin:0px 0px 0px 40px;}
.proBox .hd ul li .tt{line-height:30px; text-align:center; font-size:16px; color:#2d2d2d; padding:0px 15px;}
.proBox .hd ul li .line{width:100%; height:1px; background:#e6e6e6; margin:10px auto 5px auto;}
.proBox .hd ul li .ttx{line-height:30px; text-align:center; font-size:24px; color:#cccccc; font-family:Arial, Helvetica, sans-serif;}
.proBox .hd ul li.on{border:#2266ae 1px solid; background:#2266ae;}
.proBox .hd ul li.on .tt{color:#fff;}
.proBox .hd ul li.on .line{background:#fff;}
.proBox .hd ul li.on .ttx{color:#fff;}
.proBox .bd ul{zoom:1; margin-left:-36px; margin-right:-36px;}
.proBox .bd li { width:33.333333%; height:auto; padding:0px 36px; float:left; }
.proBox .bd li a{width:100%; height:auto; overflow:hidden; display:block; padding:20px; border:#e9e9e9 1px solid; background:#fff;}
.proBox .bd li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.proBox .bd li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.proBox .bd li a:hover .pic  .img { transform: scale(1.1); }
.proBox .bd li a .info { width:100%; height:60px; overflow:hidden; line-height:60px; font-size:18px; color:#2d2d2d;}
.proBox .bd li a .info span{width:32px; height:32px; float:right; background:url(../images/jia.jpg) no-repeat; margin:14px 0px 0px 0px;}
/*首页-关于我们*/
.aboutlist {height:auto; overflow:hidden; background:url(../images/aboutbg.jpg) no-repeat center top; padding:148px 0px 0px 0px;}
.aboutlist .thumb{width:55.05%; height:auto; overflow:hidden; float:left;}
.iabout { height:auto; overflow:hidden; width:39.2%; float:right;}
.iabout .title{height:auto; overflow:hidden; margin-bottom:20px; font-size: 55px; font-weight: bold;}
.iabout .title img{max-width:100%; height:auto;}
.iabout .titlex{ line-height:40px; font-size:16px; color:#7c7c7c;}
.iabout .line{width:70px; height:6px; background:#2266ae; float:left; margin:40px 0px 40px 0px;}
.iabout .titlexx{ line-height:40px; font-size:30px; color:#0f0e0e;}
.iabout .titlexx span{ font-size:18px; color:#7c7c7c; text-transform:uppercase;}
.iabout p { line-height:48px; font-size:18px; color:#7c7c7c;}
.iabout a.more{width:168px; height:36px; line-height:36px; font-size:16px; color:#5e5e5e; display:block; margin:0px 0px 0px 0px; float:left;}
.aboutlist .telxx{width:66.05%; height:auto; overflow:hidden; float:right; text-align:right; background:#fff; padding:30px;}
.aboutlist .telxx img{max-width:100%; height:auto; }
.aboutlist .telxx01{ float: left; width: 35%;}
.aboutlist .telxx01 p:first-child{ font-size: 35px; color: #004ea1; font-weight: bold; letter-spacing: 2px;}
.aboutlist .telxx01 p:first-child span{ font-size: 18px; color:#333; }
.aboutlist .telxx01 p:last-child{ font-size: 26px; color: #7b7b7b; letter-spacing: 10px;}
.aboutlist .telxx02{ float: left; width: 55%;}
.aboutlist .telxx02 p{font-size: 35px; color: #333; margin-top: 20px; }
@media screen and (max-width:1024px){
	.aboutlist .telxx01{ float: none; width: 100%; text-align: center;}
	.aboutlist .telxx01 p:first-child{ letter-spacing: 0; font-size: 28px;}
	.aboutlist .telxx02{float: none; width: 100%; text-align: center; }
	.aboutlist .telxx02 p{ font-size: 18px;}
}
/*首页-客户案例*/
.khallist { height:auto; overflow:hidden; padding:80px 0px; background:#fff url(../images/dotbg.jpg) no-repeat left 240px; }
.khallist .title{ width:300px; height:135px; overflow:hidden; float:left; background:url(../images/C.png) no-repeat left top; padding-top:50px; margin-bottom:50px;}
.khallist .title .t1{line-height:40px;  font-size:14px; color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:120px;}
.khallist .title .t2{line-height:50px; font-size:30px; color:#004ea1; font-weight:bold; background:url(../images/lll.jpg) no-repeat right center; padding-left:70px;}
.khallist ul{margin-left:-50px; margin-right:-50px;}
.khallist ul li{width:33.33333333%; height:auto; overflow:hidden; float:left; padding:0px 50px;}
.khallist ul li a .pic { width:100%; height:0;padding-bottom:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.khallist ul li a .pic .img {position:absolute; width:100%; height:100%; transition: all 1s ease 0s; }
.khallist ul li a:hover .pic  .img { transform: scale(1.1); }
.khallist ul li a .bg { background:#000; height:100%; left:0; filter:alpha(opacity=30); opacity: 0.3; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; }
.khallist ul li a .xxvideo{display:none;margin:-41.5px 0 0 -41.5px; position: absolute; left:50%; top:50%;  transition: all 400ms ease 0s; z-index:12;}
.khallist ul li a .tt{height:40px; line-height:40px; overflow:hidden; font-size:18px; color:#2d2d2d; font-weight:bold; margin-top:15px;}
.khallist ul li a .ttx{line-height:36px; font-size:16px; color:#7c7c7c;}
/*视频弹窗样式*/
.recruitmentfloat { display: none; z-index: 99999; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }
.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }
.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }
.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }
.recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.recclosebtnx { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }
.recclosebtnx:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.recclosebtnx:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
 @media (min-width: 768px) {
	.tianjiatvwrap {
		width: 660px;
		left: 50%;
		margin-left: -330px;
		margin-top: 0;
		 -webkit-transform: translateY(-50%);
		 -moz-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
		 transform: translateY(-50%);
	}
	.tianjiatvwrap .videobox {height: 400px;}
}
 @media (min-width: 1024px) {
	.tianjiatvwrap { width: 700px; margin-left: -350px;}
	.tianjiatvwrap .videobox { height: 400px;}
}
 @media (min-width: 1260px) {
	.tianjiatvwrap { width: 1000px; margin-left: -500px;}
	.tianjiatvwrap .videobox { height: 600px;}
}
/*首页-合作客户*/
.hzhblist { height:auto; overflow:hidden; padding:80px 0px; background:url(../images/hzbg.jpg) no-repeat center top; background-size:cover;}
.hzhblist .title{ width:300px; height:135px; overflow:hidden; background:url(../images/P_01.png) no-repeat left top; padding-top:50px; margin:0px auto 0px auto; margin-bottom:50px;}
.hzhblist .title .t1{line-height:40px;  font-size:14px; color:#a1c5ea; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:120px;}
.hzhblist .title .t2{line-height:50px; font-size:30px; color:#fff; font-weight:bold; padding-left:70px;}
.hzhblist .swiper-slide a .pic { width:100%; height:auto; overflow:hidden; position:relative; transition: all 400ms ease 0s; margin-bottom:20px;}
.hzhblist .swiper-slide a .pic .img { width:100%; height:auto; transition: all 1s ease 0s;}
.hzhblist .swiper-slide a:hover .pic  .img { transform: scale(1);}
/*首页-新闻资讯*/
.newsxlist{height:auto; overflow:hidden; background:#fff; padding:80px 0px;}
.newsxlist .title{ width:300px; height:135px; overflow:hidden; background:url(../images/N.png) no-repeat left top; padding-top:50px; margin:0px auto 0px auto; margin-bottom:50px;}
.newsxlist .title .t1{line-height:40px;  font-size:14px; color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:120px;}
.newsxlist .title .t2{line-height:50px; font-size:30px; color:#004ea1; font-weight:bold; padding-left:70px;}
.newsxlist ul{margin-left:-37px; margin-right:-37px;}
.newsxlist ul li{width:50%; height:auto; overflow:hidden; float:left; padding:0px 37px; margin-bottom:35px;}
.newsxlist ul li a{width:100%; height:auto; overflow:hidden; display:block; background:#f0f0f0;}
.newsxlist ul li a .time{width:18%; height:auto; overflow:hidden; float:left; line-height:36px;  text-align:center; font-size:30px; color:#393939; background:#dfdfdf; font-weight:bold; padding:56px 0px;}
.newsxlist ul li a:hover .time{color:#fff; background:#2266ae;}
.newsxlist ul li a .txt{width:82%; height:auto; overflow:hidden; float:right; padding:20px 20px;}
.newsxlist ul li a .txt .tt{height:36px; overflow:hidden; line-height:36px; font-size:18px; color:#4c4c4c;margin-bottom:7px;}
.newsxlist ul li a .txt .ttx{ height:56px; overflow:hidden; line-height:28px; font-size:16px; color:#7c7c7c;}
/*底部样式*/
.wrap { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1600px;}
#footop { height:auto; overflow:hidden; background:#464646; padding:50px 0px 50px 0px; }
.foot_nav { width:80%; height:auto; overflow:hidden; float:left;}
.foot_nav dl { float:left; height:auto; padding:0px 7% 0px 0px; }
.foot_nav a { color:#8c8c8c; }
.foot_nav a:hover { color:#fff; }
.foot_nav dl dt { height:auto; overflow:hidden; line-height:30px; font-size:16px; color:#fff; margin-bottom:10px;}
.foot_nav dl dt a { color:#fff; }
.foot_nav dl dt span{display:block; line-height:30px; font-size:12px; color:#8c8c8c; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.foot_nav dl dd a { line-height:36px; font-size:14px; color:#8c8c8c; }
.ficonlist{ width:20%; height:auto; overflow:hidden; float:right;}
.ficonlist .ftel{line-height:36px; font-size:16px; color:#8c8c8c; text-align:right;}
.ficonlist .ftel h1{font-size:30px; font-weight:bold; color:#fff; font-family:"Arial Black", Gadget, sans-serif;}
.ficonlist .sptxt{line-height:36px; font-size:14px; color:#8c8c8c; text-align:right;}
.ma{width:21.58%; height:auto; overflow:hidden; float:right; margin-left:10px;}
.ma img{max-width:100%; height:auto;}
.copyRight { width:100%; height:auto; overflow:hidden; background:#464646; border-top:#4c4c4c 1px solid; padding:15px 0px; line-height:24px; text-align:center; font-size:14px; color:#8c8c8c;}
.copyRight a { color:#8c8c8c; }
/*右侧悬浮*/
.client-2 { position: fixed; right: -170px; top: 50%; z-index: 900; }
.client-2 li a { text-decoration: none; }
.client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; }
.client-2 li i { background: url(../images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; }
.client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; }
.client-2 .my-kefu-qq i { background-position: 4px 5px; }
.client-2 .my-kefu-tel i { background-position: 0 -21px; }
.client-2 .my-kefu-liuyan i { background-position: 4px -53px; }
.client-2 .my-kefu-weixin i { background-position: -34px 4px; }
.client-2 .my-kefu-weibo i { background-position: -30px -22px; }
.client-2 .my-kefu-ftop { display: none; }
.client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; }
.client-2 .my-kefu-ftop .my-kefu-main { padding-top: 6px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; }
.client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.client-2 .my-kefu-right { width: 20px; }
.client-2 .my-kefu-tel-main { background: #2266ae; color: #fff; height: 53px; width: 230px; padding:9px 0 0; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.client-2 .my-kefu-main { background: #2266ae; width: 97px; height: 53px; position: relative; padding:9px 0 0; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; }
.my-kefu-weixin-pic img { max-width: 100%; height: auto; }
/**************************/
 @media (min-width: 0px) and (max-width:1024px) {
	.client-2 { display:none;}
 }
/*********************子页面样式***********************/
/*子页面banner*/
.mbanner {width:100%; height:auto; overflow:hidden; margin-right: auto; margin-left: auto; margin-top:60px;}
@media (max-width:1024px) {
	.m_hide {display: block;}
	.pc_hide {display: none;}
	/*导航*/
	.m_header {width:100%; background: #fff; position: fixed; left: 0; top:0px;z-index:1000;}
	.banner {margin-top:60px;}
}
#ban-in { background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; padding:211px 0px;  color: #fff; position: relative;margin-top:140px;}
@media (max-width:1600px) {
	#ban-in { background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; padding:180px 0px;  color: #fff; position: relative;}	 
}
@media (max-width:1400px) {
	#ban-in { background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; padding:120px 0px;  color: #fff; position: relative;}	 
}
#mban-in{height:auto; overflow:hidden; margin-top:60px;}
/*移动端-子页面导航*/
.w1200 { width: 100%; height:auto; margin:0px auto 0px auto; max-width:1200px; }
.inner-nav-wrap1 { position: relative;}
.inner-nav-wrap1 .swiper-btns-wrap5, .pro-left-banner .swiper-btns-wrap5 { display: none; }
.inner-nav-wrap1 { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; }
.inner-nav-wrap1 .inner-nav-banner { overflow: hidden; }
.inner-nav-wrap1 .hover { display: none; }
.inner-nav-wrap1 .swiper-slide {text-align: center; font-size:14px; line-height:20px; color: #666;  padding:10px 20px;
border-left: 1px solid #e5e5e5;  transition: all .5s ease;}
.inner-nav-wrap1 .swiper-slide:hover, .inner-nav-wrap1 .swiper-slide.focus { color: #fff; background:#2266ae; }
.swiper-btns-wrap5 { position: absolute; z-index: 3; height: 1px; overflow: visible; width: 100%; left: 0; top: 50%; }
.swiper-btns-wrap5 .btn { position: absolute; display: block; width: 27px; height: 50px; margin-top: -25px; cursor: pointer; background-position: center !important; background-repeat: no-repeat !important;  transition: all .5s ease;
background-size: 100%; overflow: hidden; }
.swiper-btns-wrap5 .btn:focus { outline: none; }
.swiper-btns-wrap5 .prev { left: 1.5rem; background-image: url(../images/prev4.png); }
.swiper-btns-wrap5 .prev:hover { background-image: url(../images/prev4on.png); }
.swiper-btns-wrap5 .next { right: 1.5rem; background-image: url(../images/next4.png); }
.swiper-btns-wrap5 .next:hover { background-image: url(../images/next4on.png); }
@media (max-width:1024px){
	.inner-nav-wrap1 .swiper-btns-wrap5, .pro-left-banner .swiper-btns-wrap5 {display: block;}
	.swiper-btns-wrap5 .btn{ background-size: 30% !important;}
	.swiper-btns-wrap5 .prev {left: 0; width: 1vw;}
	.swiper-btns-wrap5 .next {right: 0; width: 1vw;}
}
/*子页面快速的导航栏目-banner图下方*/
#innerbody { height:auto; overflow:hidden; padding:50px 0px 50px 0px; }
.inner { width:100%; margin-right: auto; margin-left: auto; max-width:1720px;}
.innerx { width:1200px; margin-right: auto; margin-left: auto; }
/*page-新闻资讯页面*/
.neinewsxlist{height:auto; overflow:hidden;}
.neinewsxlist ul{margin-left:-37px; margin-right:-37px;}
.neinewsxlist ul li{width:50%; height:auto; overflow:hidden; float:left; padding:0px 37px; margin-bottom:35px;}
.neinewsxlist ul li a{width:100%; height:auto; overflow:hidden; display:block; background:#f0f0f0;}
.neinewsxlist ul li a .time{width:18%; height:auto; overflow:hidden; float:left; line-height:36px;  text-align:center; font-size:30px; color:#393939; background:#dfdfdf; font-weight:bold; padding:56px 0px;}
.neinewsxlist ul li a:hover .time{color:#fff; background:#2266ae;}
.neinewsxlist ul li a .txt{width:82%; height:auto; overflow:hidden; float:right; padding:20px 20px;}
.neinewsxlist ul li a .txt .tt{height:36px; overflow:hidden; line-height:36px; font-size:18px; color:#4c4c4c;}
.neinewsxlist ul li a .txt .ttx{ height:72px; overflow:hidden; line-height:36px; font-size:16px; color:#7c7c7c;}
/*page-资质荣誉和厂房设备页面*/
.cpzx { color:#181815; text-align:center; margin-bottom:20px;}
.cpzx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.cpzx a .pic .img { width:24vw; height:18vw; transition: all 1s ease 0s;object-fit:cover; }
.partner .cpzx a .pic { width:100%; height:0;padding-top:45%;overflow:hidden; position: relative; transition: all 1s ease 0s; }
.partner .cpzx a .pic .img {position:absolute; width:100%; height:100%;left: 0;top: 0; transition: all 1s ease 0s; object-fit:cover; }
.cpzx a:hover .pic .img { transform: scale(1.1); }
.cpzx a h2 { text-align:center; height:50px; overflow:hidden; line-height:50px; font-size:16px; color:#434343; }
.cpzx a:hover h2{color:#2266ae;}
.cpzx a .cpinfo{width:112px; height:45px; overflow:hidden; line-height:45px; text-align:center; font-size:16px; color:#fff; background:#d91a20; position:absolute; right:0px; bottom:0px; z-index:12;}
.cpzx a .sjinfo{width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; left:0px; bottom:40px; z-index:10;}
.cpzx a .sjinfo .contt{width:80%; height:auto; overflow:hidden; margin:0px auto 0px auto;  padding:10px 20px; background:rgba(0, 0, 0, 0.5);}
.cpzx a .sjinfo .contt .tt{height:40px; overflow:hidden; line-height:40px; font-size:18px; color:#fff; font-weight:bold;}
.cpzx a .sjinfo .contt .ttx{line-height:30px; font-size:16px; color:#fff;}
.cpzx a .bg { background:#000; height:100%; left:0; filter:alpha(opacity=30); opacity: 0.3; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; }
.cpzx a .xxvideo{margin:-41.5px 0 0 -41.5px; position: absolute; left:50%; top:50%;  transition: all 400ms ease 0s; z-index:12;}
.cpzx a .altt{height:40px; line-height:40px; overflow:hidden; font-size:18px; color:#2d2d2d; font-weight:bold; margin-top:15px; text-align:left;}
.cpzx a .alttx{line-height:36px; font-size:16px; color:#7c7c7c; text-align:left;}
.cpzx a .bgx { background:#0051ad; height:100%; left:0; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; }
.cpzx a:hover .bgx { filter:alpha(opacity=74); opacity: 0.74; }
.cpzx a .i1 { left: 10%; margin:-33px 0 0 -85px; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 50%; transition: all 400ms ease 0s; z-index:12; }
.cpzx a:hover .i1 { left:50%; filter:alpha(opacity=100); opacity: 1; }
.cpzx a .albg {height:100%; left:0; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; padding:5%;}
.cpzx a .albg .bbl{width:100%; height:100%; background:rgba(0, 0, 0, 0.54); border:#fff 1px solid;}
.cpzx a:hover .albg { filter:alpha(opacity=100); opacity:1; }
.cpzx a .alinfo{width:100%; height:60px; overflow:hidden; line-height:60px; text-align:center; font-size:24px; color:#fff; background:url(../images/alline.jpg) no-repeat center bottom; position:absolute; left:0px; top:50%; z-index:12; margin-top:-30px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity: 0;}
.cpzx a:hover .alinfo{filter:alpha(opacity=100); opacity:1;}
.cpzxx { color:#181815; text-align:center; margin-bottom:20px;}
.cpzxx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#f7f7f7 1px solid;}
.cpzxx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
.cpzxx a:hover .pic .img { transform: scale(1.1); }
.cpzxx a .info { width:100%; height:85px; overflow:hidden; line-height:85px; text-align:left; font-size:18px; color:#2f2f2f; background:#fff; padding:0px 30px;}
.cpzxx a .info span{line-height:85px; font-size:14px; color:#808080; background:url(../images/ccmo.png) no-repeat right center; padding-right:25px; font-family:Arial, Helvetica, sans-serif; float:right;}
/*page-产品中心页面*/
.clcpzx { height:auto; margin-bottom:28px;}
.clcpzx a{width:100%; height:auto; overflow:hidden; display:block; padding:20px; border:#e9e9e9 1px solid; background:#fff;}
.clcpzx a .pic { width:100%; height:0;padding-bottom:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
.clcpzx a .pic .img {position:absolute; width:100%; height:100%;transition: all 1s ease 0s;object-fit: cover }
.clcpzx a:hover .pic  .img { transform: scale(1.1); }
.clcpzx a .info { width:100%; height:60px; overflow:hidden; line-height:60px; font-size:18px; color:#2d2d2d;}
.clcpzx a .info span{width:32px; height:32px; float:right; background:url(../images/jia.jpg) no-repeat; margin:14px 0px 0px 0px;}
.cpzllist{height:auto; overflow:hidden; padding:220px 0px 80px 0px; text-align:center;}
.cpzllist .title{ line-height:50px; text-align:center; font-size:40px; color:#25283b; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.cpzllist .titlex{ line-height:40px; text-align:center; font-size:24px; color:#242636;}
.cpzllist .line{width:40px; height:2px; background:#25283b; margin:20px auto 40px auto;}
.cpzllist img{max-width:100%; height:auto; margin-bottom:60px;}

 @media (min-width: 0px) and (max-width:1024px) {
	.cpzllist{height:auto; overflow:hidden; padding:80px 15px 30px 15px; text-align:center;}
	.cpzllist .title{ line-height:30px; text-align:center; font-size:20px; color:#25283b; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
	.cpzllist .titlex{ line-height:30px; text-align:center; font-size:16px; color:#242636;}
	.cpzllist .line{width:40px; height:2px; background:#25283b; margin:10px auto 20px auto;}
	.cpzllist img{max-width:100%; height:auto; margin-bottom:20px;}
	/*page-资质荣誉和厂房设备页面*/
	.cpzx a .altt{height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#2d2d2d; font-weight:bold; margin-top:10px;}
	.cpzx a .alttx{line-height:24px; font-size:14px; color:#7c7c7c;}
	.cpzx { color:#181815; text-align:center; margin-bottom:20px;}
	.cpzx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
	.cpzx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
	.cpzx a:hover .pic .img { transform: scale(1.1); }
	.cpzx a h2 { text-align:center; height:40px; overflow:hidden; line-height:40px; font-size:14px; color:#434343; }
	.cpzx a .cpinfo{width:82px; height:30px; overflow:hidden; line-height:30px; text-align:center; font-size:14px; color:#fff; background:#d91a20; position:absolute; right:0px; bottom:0px; z-index:12;}
	.cpzx a .albg {height:100%; left:0; filter:alpha(opacity=0); opacity: 0; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; padding:5%;}
	.cpzx a .albg .bbl{width:100%; height:100%; background:rgba(0, 0, 0, 0.54); border:#fff 1px solid;}
	.cpzx a:hover .albg { filter:alpha(opacity=100); opacity:1; }
	.cpzx a .alinfo{width:100%; height:40px; overflow:hidden; line-height:40px; text-align:center; font-size:16px; color:#fff; background:url(../images/alline.jpg) no-repeat center bottom; position:absolute; left:0px; top:50%; z-index:12; margin-top:-20px; transition: all 400ms ease 0s; filter:alpha(opacity=0); opacity: 0;}
	.cpzx a:hover .alinfo{filter:alpha(opacity=100); opacity:1;}
	.cpzx a .info{width:100%; height:50px; overflow:hidden; background:#fff; padding:0px 10px; text-align:left;}
	.cpzx a:hover .info{background:#2266ae;}
	.cpzx a .info .tt{ width:100%; height:34px; overflow:hidden; line-height:34px; font-size:14px; color:#585858; text-align:left;}
	.cpzx a:hover .info .tt{color:#fff;}
	.cpzx a .info .line{width:100%; height:1px; background:#585858; float:left;}
	.cpzx a:hover .info .line{background:#fff;}
	.cpzxx { color:#181815; text-align:center; margin-bottom:20px;}
	.cpzxx a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s; border:#f7f7f7 1px solid;}
	.cpzxx a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
	.cpzxx a:hover .pic .img { transform: scale(1.1); }
	.cpzxx a .info { width:100%; height:55px; overflow:hidden; line-height:55px; text-align:left; font-size:18px; color:#2f2f2f; background:#fff; padding:0px 15px;}
	.cpzxx a .info span{line-height:55px; font-size:14px; color:#808080; background:url(../images/ccmo.png) no-repeat right center; padding-right:25px; font-family:Arial, Helvetica, sans-serif; float:right;}
	.clcpzx { height:auto; margin-bottom:20px;}
	.clcpzx a .pic { width:100%; height:0;padding-bottom:100%; overflow:hidden; position:relative; }
	.clcpzx a .pic .img { position:absolute; width:100%; height:100%; object-fit: cover; transition: all 1s ease 0s;}
	.clcpzx a:hover .pic  .img { transform: scale(1.1);}
	.clcpzx a .info{width:100%; height:40px; overflow:hidden; line-height:40px; text-align:center; font-size:16px; color:#2e2e2e;}
	.clcpzx a:hover .info{color:#2266ae;}
	/*index首页-产品中心*/
	.product { height:auto; overflow:hidden; padding:30px 0px 20px; background:#fff; }
	.product .title{ width:100%; height:65px; overflow:hidden; float:left; background:url(../images/P.png) no-repeat left top; background-size:auto 65px; padding-top:10px; margin-bottom:20px;}
	.product .title .t1{line-height:30px;  font-size:14px; color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:60px;}
	.product .title .t2{line-height:30px; font-size:20px; color:#004ea1; font-weight:bold; background:url(../images/lll.jpg) no-repeat 120px center; padding-left:30px;}
	.proBox{ width:100%; height:auto; overflow:hidden;}
	.proBox .hd{ height:auto; text-align:left; margin:0px 0px 20px 0px; float:left;}
	.proBox .hd ul{}
	.proBox .hd ul li{height:auto; overflow:hidden; transition:color 0.3s ease 0s; display:inline-block; cursor:pointer; border:#e9e9e9 1px solid; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px; margin:0px 10px 0px 0px;}
	.proBox .hd ul li .tt{line-height:30px; text-align:center; font-size:14px; color:#2d2d2d; padding:0px 5px;}
	.proBox .hd ul li .line{width:100%; height:1px; background:#e6e6e6; margin:5px auto 0px auto;}
	.proBox .hd ul li .ttx{line-height:30px; text-align:center; font-size:24px; color:#cccccc; font-family:Arial, Helvetica, sans-serif;}
	.proBox .hd ul li.on{border:#2266ae 1px solid; background:#2266ae;}
	.proBox .hd ul li.on .tt{color:#fff;}
	.proBox .hd ul li.on .line{background:#fff;}
	.proBox .hd ul li.on .ttx{color:#fff;}
	.proBox .bd ul{zoom:1; margin-left:-36px; margin-right:-36px;}
	.proBox .bd li { width:100%; height:auto; padding:0px 36px; float:left; margin-bottom:20px;}
	.proBox .bd li a{width:100%; height:auto; overflow:hidden; display:block; padding:20px; border:#e9e9e9 1px solid;}
	.proBox .bd li a .pic { width:100%; height:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
	.proBox .bd li a .pic .img { width:100%; height:100%; transition: all 1s ease 0s; }
	.proBox .bd li a:hover .pic  .img { transform: scale(1.1); }
	.proBox .bd li a .info { width:100%; height:60px; overflow:hidden; line-height:60px; font-size:14px; color:#2d2d2d;}
	.proBox .bd li a .info span{width:32px; height:32px; float:right; background:url(../images/jia.jpg) no-repeat; margin:14px 0px 0px 0px;}
	/*index首页-关于我们*/
	.aboutlist {height:auto; overflow:hidden; background:url(../images/aboutbg.jpg) no-repeat center top; padding:30px 0px 0px 0px;}
	.aboutlist .thumb{width:100%; height:auto; overflow:hidden; float:left; margin-bottom:20px;}
	.iabout { height:auto; overflow:hidden; width:100%; float:right;}
	.iabout .title{height:auto; overflow:hidden; margin-bottom:0px;}
	.iabout .title img{max-width:100%; height:auto;}
	.iabout .titlex{ line-height:30px; font-size:14px; color:#7c7c7c;}
	.iabout .line{width:70px; height:2px; background:#2266ae; float:left; margin:20px 0px 20px 0px;}
	.iabout .titlexx{ line-height:30px; font-size:18px; color:#0f0e0e;}
	.iabout .titlexx span{ font-size:14px; color:#7c7c7c; text-transform:uppercase;}
	.iabout p { line-height:30px; font-size:14px; color:#7c7c7c;}
	.aboutlist .telxx{width:100%; height:auto; overflow:hidden; float:left; text-align:right; background:#fff;}
	.aboutlist .telxx img{max-width:100%; height:auto;}
	/*index首页-关于我们*/
	.khallist { height:auto; overflow:hidden; padding:30px 0px 20px; background:#fff url(../images/dotbg.jpg) no-repeat left 240px; }
	.khallist .title{ width:100%; height:65px; overflow:hidden; float:left; background:url(../images/C.png) no-repeat left top; background-size:auto 65px; padding-top:10px; margin-bottom:20px;}
	.khallist .title .t1{line-height:30px;  font-size:14px; color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:60px;}
	.khallist .title .t2{line-height:30px; font-size:20px; color:#004ea1; font-weight:bold; background:url(../images/lll.jpg) no-repeat 120px center; padding-left:30px;}
	.khallist ul{margin-left:-50px; margin-right:-50px;}
	.khallist ul li{width:100%; height:auto; overflow:hidden; float:left; padding:0px 50px; margin-bottom:20px;}
	.khallist ul li a .pic { width:100%; height:0;padding-bottom:100%; overflow:hidden; position:relative; transition: all 400ms ease 0s;}
	.khallist ul li a .pic .img {position:absolute; width:100%; height:100%; transition: all 1s ease 0s; }
	.khallist ul li a:hover .pic  .img { transform: scale(1.1); }
	.khallist ul li a .bg { background:#000; height:100%; left:0; filter:alpha(opacity=30); opacity: 0.3; position: absolute; top: 0; transition: all 400ms ease 0s; width:100%; z-index:11; }
	.khallist ul li a .xxvideo{display:none;margin:-41.5px 0 0 -41.5px; position: absolute; left:50%; top:50%;  transition: all 400ms ease 0s; z-index:12;}
	.khallist ul li a .tt{height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#2d2d2d; font-weight:bold; margin-top:10px;}
	.khallist ul li a .ttx{line-height:24px; font-size:14px; color:#7c7c7c;}
	/*index首页-合作客户*/
	.hzhblist { height:auto; overflow:hidden; padding:30px 0px 20px; background:url(../images/hzbg.jpg) no-repeat center top; background-size:cover;}
	.hzhblist .title{ width:300px; height:65px; overflow:hidden; background:url(../images/P_01.png) no-repeat left top; background-size:auto 65px; padding-top:10px; margin:0px auto 0px auto; margin-bottom:20px;}
	.hzhblist .title .t1{line-height:30px;  font-size:14px; color:#a1c5ea; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:60px;}
	.hzhblist .title .t2{line-height:30px; font-size:20px; color:#fff; font-weight:bold; padding-left:30px;}
	.hzhblist .swiper-slide a .pic { width:100%; height:auto; overflow:hidden; position:relative; transition: all 400ms ease 0s; margin-bottom:10px;}
	.hzhblist .swiper-slide a .pic .img { width:100%; height:auto; transition: all 1s ease 0s;}
	.hzhblist .swiper-slide a:hover .pic  .img { transform: scale(1);}
	/*index首页-新闻资讯*/
	.newsxlist{height:auto; overflow:hidden; background:#fff; padding:30px 0px 20px;}
	.newsxlist .title{ width:300px; height:65px; overflow:hidden; background:url(../images/N.png) no-repeat left top; background-size:auto 65px; padding-top:10px; margin:0px auto 0px auto; margin-bottom:20px;}
	.newsxlist .title .t1{line-height:30px;  font-size:14px; color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:60px;}
	.newsxlist .title .t2{line-height:30px; font-size:20px; color:#004ea1; font-weight:bold; padding-left:30px;}
	.newsxlist ul{margin-left:-37px; margin-right:-37px;}
	.newsxlist ul li{width:100%; height:auto; overflow:hidden; float:left; padding:0px 37px; margin-bottom:15px;}
	.newsxlist ul li a{width:100%; height:auto; overflow:hidden; display:block; background:#f0f0f0;}
	.newsxlist ul li a .time{width:24%; height:auto; overflow:hidden; float:left; line-height:30px;  text-align:center; font-size:18px; color:#393939; background:#dfdfdf; font-weight:bold; padding:34px 0px;}
	.newsxlist ul li a:hover .time{color:#fff; background:#2266ae;}
	.newsxlist ul li a .txt{width:76%; height:auto; overflow:hidden; float:right; padding:10px 20px;}
	.newsxlist ul li a .txt .tt{height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#4c4c4c;margin-bottom:5px;}
	.newsxlist ul li a .txt .ttx{ height:56px; overflow:hidden; line-height:28px; font-size:14px; color:#7c7c7c;}
	/*page-新闻资讯页面*/
	.neinewsxlist{height:auto; overflow:hidden;}
	.neinewsxlist ul{margin-left:-37px; margin-right:-37px;}
	.neinewsxlist ul li{width:100%; height:auto; overflow:hidden; float:left; padding:0px 37px; margin-bottom:15px;}
	.neinewsxlist ul li a{width:100%; height:auto; overflow:hidden; display:block; background:#f0f0f0;}
	.neinewsxlist ul li a .time{width:24%; height:auto; overflow:hidden; float:left; line-height:30px;  text-align:center; font-size:18px; color:#393939; background:#dfdfdf; font-weight:bold; padding:34px 0px;}
	.neinewsxlist ul li a:hover .time{color:#fff; background:#2266ae;}
	.neinewsxlist ul li a .txt{width:76%; height:auto; overflow:hidden; float:right; padding:10px 20px;}
	.neinewsxlist ul li a .txt .tt{height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#4c4c4c;}
	.neinewsxlist ul li a .txt .ttx{ height:48px; overflow:hidden; line-height:24px; font-size:14px; color:#7c7c7c;}
}
/*page-下载中心页面*/
.nezxx { color:#939393; background:#f5f5f5; padding:15px; margin-bottom:15px; height:auto; overflow:hidden; }
.nezxx a .pic { height:auto; overflow:hidden; position:relative; }
.nezxx a .pic .img { transition: all 1s ease 0s; }
.nezxx a:hover .pic .img { transform: scale(1.1); }
.nezxx .t1 { height:40px; line-height:40px; display:block; font-size:16px; color:#000; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif; }
.nezxx .time { height:35px; line-height:35px; width:102px; background:#fdab00; font-size:14px; color:#fff; text-align:center; position:absolute; left:0px; bottom:0px; z-index:15; }
.nezxx .t2 { line-height:24px; font-size:14px; color:#939393; }
.nezxx a .more { width:auto;padding:0 20px; height:34px; border:#dadada 1px solid; display:block; float:right; line-height:34px; font-size:14px; color:#000; text-align:center;overflow: hidden; }
.nezxx a:hover .more { color:#fff; border:#2266ae 1px solid; background:#2266ae; }
/*底部适配样式*/
 @media (min-width: 0px) and (max-width:1024px) {
	#footop {display:none;}
	.copyRight {margin-bottom:50px;}
	.cpkuanx {width:100%;padding:0px 15px;}
	#elevator_item {width:60px;height:60px;position: fixed;right:0px;bottom:55px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;}
	#elevator_item.off {opacity: 0;visibility: hidden}
	#elevator {display: block;width:40px;height:30px;background: url(../images/icon_top.png) center center no-repeat;background-color: #444;background-color: rgba(0, 0, 0, .6);border-radius: 2px;box-shadow: 0 1px 3px rgba(0, 0, 0, .2);cursor: pointer;margin-bottom: 10px}
}
@media (max-width: 768px) {
	.navbar-brand img {height:50px;}
}
@media (max-width: 768px) {
	.yuyan {height:34px;padding-top:0px;}
}
#footer { display:none; }
@media (max-width: 768px) {
	#footer {width:100%;position:fixed;bottom:0px;left:0px;height:50px;overflow:hidden;z-index:9999;text-align:center;display:block;background:#000;}
	#footer .footerbox {max-width:640px;width:100%;height:50px;margin:0px auto;position:relative;}
	#footer .footerlist {max-width:640px;width:100%;height:50px;overflow:hidden;position:absolute;left:0px;border-top:0px;}
	#footer ul {display:block;float:left;width:100%;}
	#footer ul li {display:block;text-align:center;border-right:1px solid rgba(255, 255, 255, 0.2);border-left:0px;position:relative;width:50%;height:50px;float:left;}
	#footer ul li i.iconfont {padding:0px;}
	#footer ul li a {display:block;width:100%;text-align:center;color:#fff;height:50px;}
	#footer .icon {display:block;margin:0px auto 0px;position:relative;top:3px;width:35px;height:25px;line-height:25px;overflow:hidden;background:url(../footer.png) no-repeat;background-size:150px;background-position:-3px 0px;font-size:20px;padding:0px;}
	#footer .map {background-position:-83px 0px;}
	#footer .message {background-position:-45px 0px;}
	#footer .home {background-position:-118px 0px;}
	#footer .txt {height:24px;line-height:24px;font-size:12px;display:block;}
}

/*page-详情页面*/
.innermain { line-height:36px; height:auto; overflow:hidden; min-height:300px; font-size:16px; color:#3e3e3e; width:100%;}
.innermain img { height: auto; max-width: 100%; }
.pinnermain { line-height:30px; height:auto; overflow:hidden; }
.pinnermain p{
	text-align: left;
}
.pinnermain img { height: auto; max-width:100%; }
/*page-子页面公共部分样式*/
.nt3 { line-height:30px; font-size:18px; color:#474747; font-weight:bold; margin-bottom:20px; margin-top:20px; }
.mb40 { margin-bottom:70px; }
.ntitle{line-height:50px; text-align:center; font-size:30px; color:#004ea1; font-weight:bold; margin-bottom:40px;}
.submenu { text-align:center; height:auto; overflow:hidden; margin-bottom:30px;}
.submenu a { height:48px; line-height:46px; color:#2d2d2d; transition:color 0.3s ease 0s; font-size:16px; display:inline-block; position:relative; padding:0px 40px; margin:0px 10px 10px 10px; border:#e9e9e9 1px solid; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.submenu a:hover { color:#fff; border:#2266ae 1px solid; background:#2266ae;}
.submenu a.focus { color:#fff; border:#2266ae 1px solid; background:#2266ae;}

/*search*/
.searchbox{ width:270px; height:43px; background:url(../images/search.jpg) no-repeat; float:right;}
.searchbox .text {height:43px; line-height:43px; width:224px; float:left; color:#757575; background:none; border:none; outline:medium; padding-left:10px;}
.searchbox .submit{ border:none; width:46px; height:43px; float:right; outline:medium; background:none; cursor:pointer; }
/***********************************/
 @media (max-width:1024px) {
	/*search*/
	.searchbox{ width:270px; height:43px; background:url(../images/search.jpg) no-repeat; float:left;}
	.searchbox .text {height:43px; line-height:43px; width:224px; float:left; color:#757575; background:none; border:none; outline:medium; padding-left:10px;}
	.searchbox .submit{ border:none; width:46px; height:43px; float:right; outline:medium; background:none; cursor:pointer; }
	/*page-子页面公共部分样式*/
	.ntitle{line-height:30px; text-align:center; font-size:20px; color:#004ea1; font-weight:bold; margin-bottom:20px;}
	 #innerbody {height:auto;overflow:hidden;padding:20px 0px 20px 0px;}
	 .innermain { line-height:30px; height:auto;  min-height:auto; font-size:16px; color:#3e3e3e; width:100%; }
	.innermain img { height: auto; max-width: 100%; }
	.xxinnermain { line-height:30px; height:auto; overflow:hidden; min-height:300px; font-size:16px; color:#010101; width:100%; background:#f8f8f8; padding:20px 15px;}
	.xxinnermain img { height: auto; max-width: 100%; }
	.pinnermain { line-height:30px; height:auto; overflow:hidden; font-size:16px; color:#010101;}
	.pinnermain img { height: auto; max-width:100%; }
	.nsubmenu {display:none;}
	.procat {display:block;}
	.inner {width:100%; padding:0px 15px;}
	.innerx {width:100%;padding:0px 15px;}
	.book_form textarea {width:200px;}
}
.bg009572 { border-top:#ddd 1px solid; padding-top:20px;}
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
/*page-详情页面*/
.book{width:100%;overflow: hidden;padding:15px 0px; line-height:30px;}
.book_paddingbottom0{width:790px;overflow: hidden;}
.book_padding15{width:760px;overflow: hidden;padding:15px;}
.book_padding0{width:760px;overflow: hidden;padding:0px;}
.news_title{padding:15px;text-align: center;margin: 0px auto;}
.news_title h1{font-size:20px; color:#000; font-weight:bold; padding:5px 0px; line-height:36px;}
.news_title .time{background:url(../images/news-show-ico2.png) no-repeat left center; padding-left:30px; height:30px; line-height:30px; display:inline-block;line-height:2.2;}
.newslist_read{padding:0px 5px;display: flex; justify-content: space-between; flex-wrap:wrap;}
.newslist_read li{width:100%; background: url('../images/icon2.gif') no-repeat 0px 12px;padding:0px 0px 5px 8px;overflow: hidden;}
.newslist_read li:last-child{ text-align: left;}
.newslist_read li span{ color: #999;}
.page_typename{float:left;width:200px;padding:10px 0px 7px 5px;color:#0e9d56;font-size:16px;}
.page_typename_width{float:left;width:100%;padding:10px 0px 7px 15px;color:#0e9d56;font-size:16px;}
.page_labelname{float:left;width:200px;padding:5px 0px 7px 5px;color:#000;font-size:16px; font-weight:bold;}
.page_location{float:right;width:550px;height:35px;line-height: 45px;text-align: right;}

@media (max-width: 1024px) {
	.newslist_read li{float: left;width:100%; background: url('../images/icon2.gif') no-repeat 0px 12px;padding:0px 0px 5px 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.news_title{padding:5px;text-align: center;margin: 0px auto;}
	.news_title h1{font-size:16px; color:#000; font-weight:bold; padding:5px 0px; line-height:30px;}
	.news_title .time{background:url(../images/news-show-ico2.png) no-repeat left center; padding-left:30px; height:30px; line-height:30px; display:inline-block;}
}
@media (max-width: 728px) {
	.newslist_read{ flex-wrap: wrap;}
	.newslist_read li:last-child{ text-align: left;}
}
/*翻页*/
.page_botton{text-align: center;overflow: hidden;padding-top:10px;}
/*线条*/
.page_right_line{width:100%;border-bottom:1px solid #e6e6e6;height:1px;overflow: hidden;}
.page_center_line{width:100%;border-bottom:1px solid #e6e6e6;height:1px;overflow: hidden;}

/*表格*/
.tablelist {border-spacing: 0px;}
.tablelist .td01 {background-color: #F3F3F3;border: 1px solid #e6e6e6;padding: 5px;font-weight: bold;margin: 0px;text-align: center;}
.tablelist .td02 {border-bottom: #e6e6e6 1px solid;padding: 5px;margin: 0px;text-align: center;}
.tablelist .td03 {border-bottom: #e6e6e6 1px solid;padding: 5px;margin: 0px;text-align: right;}
.tablelist .td04 {border-bottom: #e6e6e6 1px solid;padding: 5px;margin: 0px;text-align: left;}
#pagelist,#espcms_bbs_pagelist{color:#818181; font-size:14px; text-align:center;}
#pagelist{margin-top:50px}
#pagelist+.page_fy{margin-top:3px;}
.pagination {overflow: hidden;padding:10px 0px;font-size:12px;margin: 0px;}
/*按钮色彩样式*/
/*按钮色彩样式*/
.pagination a {border: #c2e2e7 1px solid;color: #95b1b5;text-decoration: none;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}
.pagination a:visited {text-decoration: none;overflow: hidden;}
.pagination a:active {text-decoration: none;overflow: hidden;}
.pagination a:hover {color: #fff;background-color: #2266ae;overflow: hidden;}
.pagination span.current {border: #c2e2e7 1px solid;color: #fff;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #a6c3dd;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	background-color: #428bca;
	color: #fff;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
	background-color: #1e2432;
	color: #fff;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
	background-color: #1e2432;
	color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	border-color: #ddd;
	background-color: #2266ae;
}
 .pagination > li > span:hover,.pagination > li > span:focus{
	background-color: #1e2432;
	color: #fff;
}
.pagination > li{
	margin:2px;
}
.pagination > li > a, .pagination > li > span{
	padding: 6px;
    border-radius: 3px;
}
.pagination > li > a{
	padding: 6px;
}
.pagination > li > a, .pagination > li > span{
	background-color: #1e2432;
	color: #fff;
	font-size: 1rem;
}

/*表单*/
.form1{
	margin-top: 50px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.form1 form{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.form1 form label{
	display: block;
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.form1 form input{
	width: calc(100%);
	border: 1px solid #bebdbd;
	padding: 10px 10px;
	background: none;
	display: block;
	color: #ffffff;
	font-size: 16px;
}
.form1 form input:focus{
	outline: 1px solid #c9172e;
}
input::placeholder{
	color: #fff;
}
.form1 .field{
	width: 100%;
	margin-bottom: 20px;
}
.form1 .field:nth-child(1),
.form1 .field:nth-child(2){
	width: 100%;
	margin-right: 0%;
}
.form1 .field:nth-child(2){
	margin-right: 0%;
}
.btn-submit{
	width: 100%;
	margin-top: 20px;
}
.form1 .btn-submit input{
	width: 100%;
	cursor: pointer;
	background-color: #666;
	border: 1px solid #666666;
	transition: .5s;
	color: #fff;
}
.btn-submit input:hover{
	background-color: transparent;
	border: 1px solid #bebdbd;
	color: #333;
}
.contact1 h2,.contact1 p,.form1 form label,input::placeholder,.mainwrap dl dt,.mainwrap dl dd a,.form1 form input{
	color: #333;
}
.form1 .field:nth-child(3) input{
	padding: 10px 10px 30px;
} 
.page{width:100%;overflow: hidden;margin: 0 auto;margin-top:0px;}
.table{width:345px;overflow: hidden;}
.table .table_title{height:35px;line-height: 35px;overflow: hidden;border-bottom:1px solid #87ceab}
.table .table_title p{float:left;padding:0px;margin: 0px;height:35px;line-height: 35px;}
.table .table_title span{float:left;padding-left:5px;margin: 0px;height:35px;line-height: 37px;}
.table .table_title p.more{float:right;padding-right:0px;margin: 0px;padding-top:15px;}

.table .table_pic{width:345px;overflow: hidden;height:85px;padding:10px 0px;}
.table .table_pic .newspic{float:left;width:110px;overflow: hidden;height:85px;}
.table .table_pic .newstitle{float:left;width:225px;overflow: hidden;height:20px;padding-left:10px;}
.table .table_pic .newssummit{float:left;width:225px;overflow: hidden;height:65px;padding-left:10px;}

.table .table_list {width:345px;overflow: hidden;}
.table .table_list li {float: left;width:337px;padding-left:8px;height:25px;line-height: 25px;overflow: hidden;background: url('../images/icon3.gif') no-repeat 0px 10px;}
.table .table_list li a{float: left;}
.table .table_list li p.time{float: right;color:#8f8f8f;padding:0px;}

.Rtalbe{width:280px;overflow: hidden;}
.Rtalbe .Rtalbe_title{height:35px;line-height: 35px;overflow: hidden;border-bottom:1px solid #87ceab}
.Rtalbe .Rtalbe_title p{float:left;padding:0px;margin: 0px;height:35px;line-height: 35px;}
.Rtalbe .Rtalbe_title span{float:left;padding-left:5px;margin: 0px;height:35px;line-height: 37px;}
.Rtalbe .Rtalbe_title p.more{float:right;padding-right:0px;margin: 0px;padding-top:5px;}
.Rtalbe img{float:left;padding-top:10px;}
.Rtalbe .Rtalbe_summmit{float:left;padding-top:10px;line-height: 25px;}
.Rtalbe ul.bann{width:280px;overflow: hidden;padding:0px;margin: 0px;}
.Rtalbe ul.bann li{width:280px;overflow: hidden;}
.Rtalbe ul.bann li img{padding:0px;}
/************banner**************/
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 30px; height: 30px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 30px; height: 30px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom:10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.slick-dots li button:focus { outline: none; background:#2266ae;}
.slick-dots li.slick-active{ background:#2266ae;}
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.proInfo-demo{ width:100%; float: left; display: block;}
.proInfo-demo .item{ overflow: hidden;}
.proInfo-demo .item img{ width: 100%; display: block;}
.proInfo-demo .slick-arrow{ width: 43px; height: 43px; display: block; position: absolute; top: 50%; margin-top: -21px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.proInfo-demo .slick-prev{ background-image: url(../images/img_l1.png); left: 0px; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.proInfo-demo .slick-next{ background-image: url(../images/img_r1.png); right: 0px; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.proInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.proInfo-demo .slick-prev:hover{ background-image: url(../images/img_l2.png);}
.proInfo-demo .slick-next:hover{ background-image: url(../images/img_r2.png);}

.bproInfo-demo{ width:100%; float: left; display: block;}
.bproInfo-demo .item{ overflow: hidden;}
.bproInfo-demo .item img{ width: 100%; display: block;min-height: 165px;object-fit: cover;}
.bproInfo-demo .slick-arrow{ width:60px; height: 60px; display: block; position: absolute; top: 50%; margin-top: -30px; z-index: 100; background-position: center center; background-repeat: no-repeat;}
.bproInfo-demo .slick-prev{ background-image: url(l.png); background-position:center center; left:10%; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px); opacity: 0;}
.bproInfo-demo .slick-next{ background-image: url(r.png); background-position:center center; right:10%; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity: 0;}
.bproInfo-demo:hover .slick-arrow{ transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
.bproInfo-demo .slick-prev:hover{ background-image: url(l.png); background-position:center center;}
.bproInfo-demo .slick-next:hover{ background-image: url(r.png); background-position:center center;}
.bproInfo-demo .slick-dots { position: absolute; bottom:10px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.bproInfo-demo .slick-dots li { position: relative; display: inline-block; height:4px; width:50px; background:#fff; margin: 0px 5px; padding: 0px; cursor: pointer; text-indent:-9999px; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
.bproInfo-demo .slick-dots li button { border: 0; background: transparent; display: block;  height:12px; width:12px; background:#fff; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px;}
.bproInfo-demo .slick-dots li button:focus { outline: none; background:#2266ae;}
.bproInfo-demo .slick-dots li.slick-active{ background:#2266ae;}
.bproInfo-demo .slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
/* page-加入我们页面 */
.hrList{ margin: 0px 0px 0px; font-size: 14px;}
.hrList .hspan{ text-align:center;cursor:pointer; width:15%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:40%;}
.hrList .hrdt{ background-color: #9d9b9b; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #2266ae; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#2266ae; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #e4c36a; color: #333; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}
@media screen and (max-width:1024px){
.hrList .hspan{ width: 25%;}
.hrList .hspan:nth-child(3){ display: none;}
#pagelist{margin-top:20px;}
}
@media screen and (max-width:641px){
.hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan:nth-child(1){ width: 74%;}
	.hrList .ib{ margin-top: 14px;}	
}














/* 修改样式 */
.option{
	width: 210px;
	left: 20px;
	transform: translate(0,0);
}
.option a{
	text-align: left;
	padding: 0 20px 0 20px;
	position: relative;
}
.option a:after{
	content: "";
	width: 16px;
	height: 16px;
	background: url("../images/right2.png") no-repeat center;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 40px;
	transition: all 0.3s;
	transform: translate(0,-50%);
	opacity: 0;
}
.option a:hover:after{
	right: 10px;
	opacity: 1;
}
#headerx{
	height: 115px;
}
.pclogo{
	height: 75px;
}
.navx li h2 a{
	height: 75px;
	line-height: 75px;
}
.sousuo{
	height: 75px;
}
.banner,#ban-in{
	margin-top: 115px;
}
.mtop{
	height: 40px;
}
.mtop .left{
	height: 40px;
	line-height: 40px;
}
.pclang{
	margin-top: 7px;
}
.pclang{
	height: 40px;
	margin-top: 0;
	display: flex;
}
.pclang a{
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0 15px;
}
.pclang a:nth-child(1){
	border-right: 1px solid #ddd;
}
.mlang{
	display: flex;
}
.mlang a{
	height: 60px;
	line-height: 60px;
	display: block;
	padding: 0 15px;
}
.mlang a:nth-child(1){
	border-right: 1px solid #ddd;
}
.mlang a.active,.mlang a:hover{
	background-color: #004EA1;
	color: #fff;
}
.navx li h2>a{
	position: relative;
}
.navx li:hover h2>a{
	color: #333;
}
.navx li h2>a::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 0;
	height: 2px;
	background-color: #004EA1;
	transition: all 0.3s;
}
.navx li.active h2>a::after,
.navx li:hover h2>a::after{
	width: calc(100% - 40px);
}

/* .pclang span{
	display: inline-block;
	width: 1px;
	background-color: #000;
	height: 40px;
	margin: 0 5px;
} */
.pclang a.active,.pclang a:hover{
	background-color: #004EA1;
	color: #fff;
}
/* 关于我们 */
.aboutlist{
	background: none;
	padding-top: 70px;
}
.title_s{
	width: 100%;
}
.title_s h3{
	font-size: 30px;
	color: #004EA1;
	line-height: 1.7;
	font-weight: bold;
}
.title_s h4{
	font-size: 20px;
	color: #333;
	line-height: 1.4;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}
.title_s p{
	color: #666;
	font-size: 20px;
	line-height: 2;
}
.title_s{
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.title_s.color_fff h3,
.title_s.color_fff h4,
.title_s.color_fff p{
	color: #fff;
}
.title_s.color_fff{
	border-bottom: 1px solid #fff;
}
.aboutlist .telxx{
	width: 100%;
}
.index_h2{
	font-size: 30px;
	font-weight: bold;
	color: #004EA1;
	line-height: 1.7;
}
.index_h3{
	font-size:24px;
	font-weight: bold;
	line-height: 1.4;
	/* text-transform: uppercase; */
}
.iabout .line{
	margin: 20px 0;
}
.index_btn{
	width: 100%;
	display: flex;
	margin: 20px 0;
}
.index_btn a{
	display: block;
	padding: 8px 40px;
	font-size: 18px;
	color: #fff;
	background-color: #004ea1;
	border: 1px solid transparent;
}
.index_btn a:hover{
    transition: all .5s;
    background-color: #fff;
    color: #333;
    border: 1px solid #004ea1;
}
.iabout p{
	font-size: 18px;
	text-indent: 2em;
	color: #666;
}
.aboutlist .ans{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.aboutlist .ans .iabout{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.aboutlist .telxx{
	background: url("../images/about_bg2.jpg") no-repeat center;
	background-size: cover;
	padding: 76px 20px;
}
.aboutlist .telxx .telxx01 p span{
	color: #fff;
	font-size: 32px;
}
.aboutlist .telxx .telxx01 p{
	color: #fff;
}
.aboutlist .telxx .telxx02 p{
	color: #fff;
}
.cpkuan{
    margin-right: auto;
    margin-left: auto;
    max-width: 1720px;
}
.product{
	background: #f5f5f5;
}
.newsxlist ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.newsxlist ul li{
	width: calc(24%);
	margin-right: 1.16%;
	padding: 0;
	overflow: initial;
	margin-bottom: 0;
}
.newsxlist ul li:nth-child(4n){
	margin-right: 0%;
}
.newsxlist ul li a{
	display: block;
	background-color: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	overflow: initial;
	transition: all .5s;
}
.newsxlist ul li .img{
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 70%;
}
.newsxlist ul li .img img{
    height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: transform .5s;
}
.newsxlist ul li a .txt{
	float: none;
	width: 100%;
}
.newsxlist ul li a .txt .tt{
	white-space: nowrap;
	text-overflow: ellipsis;
}
.newsxlist ul li a:hover{
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
.newsxlist ul li a:hover .txt .tt{
	color: #004ea1;
}
.newsxlist ul li a:hover .img img{
	transform: scale(1.05);
}
.proBox .bd li a .info{
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
}
.proBox .bd li a{
	padding-bottom: 0;
}
.proBox .bd ul{
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.proBox .bd li{
	width: calc(24%);
	margin-right: 1.16%;
	margin-bottom: 20px;
	padding: 0;
	overflow: initial;
}
.proBox .bd li:nth-child(4n){
	margin-right: 0%;
}
.btn2{
	width: 100%;
    display: flex;
	justify-content: center;
	align-items: center;
    margin: 50px auto 0;
}
.btn2 a{
	display: block;
    padding: 8px 40px;
    font-size: 18px;
    color: #fff;
    background-color: #004ea1;
    border: 1px solid transparent;
}
.btn2 a:hover{
    transition: all .5s;
    background-color: #fff;
    color: #333;
    border: 1px solid #004ea1;
}
.khallist ul li a .tt{
	text-align: center;
}

.khallist ul{
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.khallist ul li{
	width: calc(24%);
	margin-right: 1.16%;
	padding: 0;
	overflow: initial;
	float: none;
}
.khallist ul li a{
	width: 100%;
	display: block;
}
.khallist ul li:nth-child(4n){
	margin-right: 0%;
}
.hzhblist .swiper-container{
	padding-bottom: 30px;
}
.m_header .logo img{
	max-height: 50px;
}
.img-responsive{
	margin: 0 auto;
}
.newsxlist ul li a .txt .tt{
	font-size: 18px;
}
.newsxlist ul li a .txt .ttx{
	font-size: 16px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
}
.aboutlist .telxx .telxx01 p span{
	margin-right: 8px;
	display: block;
	margin-bottom: 20px;
}
.mb_title{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    opacity: 0;
    background: rgba(0,84,167,.8);
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	font-size: 18px;
}
.mb_title span{
	position: relative;
}
.mb_title span:before{
	content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.mb_title span::after{
	content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.proBox .bd li a:hover .mb_title{
	opacity: 1;
}
.proBox .bd li a:hover .mb_title  span:before{
	width: 15%;
}
.proBox .bd li a:hover .mb_title  span::after{
	width: 15%;
}
.niyou{
	background-color: #004ea1;
	padding: 10px 0;
}
.niyou span{
	font-size: 16px;
	color: #fff;
	margin-right: 5px;
}
.niyou a{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin-right: 20px;
}
.niyou .w1360{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.niyou .text{
	width: calc(100% - 500px);
}
.niyou form{
	width: 500px;
	display: flex;
}
.niyou form input{
	border: 1px solid #ddd;
	padding: 6px 10px;
	margin: 0;
	outline-style: none;
}
.niyou form input[type=text]{
	width: calc(100% - 100px);
	background: #fff;
	color: #333;
	border-right: 0px;
}
.niyou form input[type=submit]{
	width: 100px;
	background: #fff;
    color: #333;
    font-size: 16px;
    transition: .3s;
	cursor: pointer;
}
/* 产品中心 */
.clcpzx a{
	padding-bottom: 0;
}
.clcpzx a .info{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	text-align: center;
}
.clcpzx a:hover .mb_title{
	opacity: 1;
}
.clcpzx a:hover .mb_title  span:before{
	width: 15%;
}
.clcpzx a:hover .mb_title  span::after{
	width: 15%;
}
#innerbody .row{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
#innerbody .row .col-md-3{
	width: calc(24%);
	margin-right: 1.16%;
	padding: 0;
	overflow: initial;
	float: none;
}
#innerbody .row .col-md-3:nth-child(4n){
	margin-right: 0%;
}
#innerbody .row .col-md-3 a{
	width: 100%;
	display: block;
}
.submenu{
	position: relative;
}
.submenu a{
	width: auto;
}
.aboutlist .telxx01 p{
	text-align: left;
}
.aboutlist .telxx .telxx01 p span{
	margin-right: 0;
}
.aboutlist .telxx{
	padding: 76px 0;
}
.aboutlist .telxx01{
	width: 55%;
}
.aboutlist .telxx02{
	width: 45%;
	padding-right: 10%;
}
.aboutlist .telxx .telxx01 p span{
	margin-bottom: 20px;
}
.aboutlist .telxx .telxx01 p:last-child{
	letter-spacing: 3px;
}
.aboutlist .telxx02 p{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 32px;
}
.text_btn3{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.text_btn3 a{
    transition: all .5s;
	display: block;
    padding: 8px 40px;
    font-size: 18px;
	background-color: #fff;
	color: #333;
	border: 1px solid #ddd;
}
.text_btn3 a:hover{
    color: #fff;
    background: #004ea1;
}
.inner-nav-wrap1 .swiper-slide{white-space: nowrap;}
#tsShopContainer #tsImgS a>img{
	width: 100%;
}
.cpzx{
	margin-bottom: 0;
}
.cpzx a .altt{
	text-align: center;
}
.neinewsxlist ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.neinewsxlist ul li{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	color: #999;
}
.neinewsxlist ul li a{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.neinewsxlist ul li a .img{
	width: 400px;
	overflow: hidden;
}
.neinewsxlist ul li a .img img{
	width: 100%;
	transition: all .5s;
}
.neinewsxlist ul li a:hover .img img{
	transform: scale(1.05);
}
.neinewsxlist ul li a .txt{
	width: calc(100% - 400px - 200px);
}
.neinewsxlist ul li a .txt .ttx{
	height: 150px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	overflow: hidden;
	font-size: 16px;
}
.btns{
	font-size: 16px;
	color: #666;
}
.neinewsxlist ul li:hover .btns{
    color: #004EA1;
}
.nprorow{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.nprorow .pcol-md-3{
	width: calc(24%);
	margin-right: 1.16%;
	padding: 0;
	overflow: initial;
	float: none;
}
.nprorow .pcol-md-3:nth-child(4n){
	margin-right: 0%;
}
.nprorow .pcol-md-3.partner{
	width: calc(15.7%);
	margin-bottom: 1.16%;
	box-sizing: border-box;
	border:solid 1px #efefef;
}

.nprorow .pcol-md-3.partner:nth-child(4n){
	margin-right: 1.16%;;
}
.nprorow .pcol-md-3.partner:nth-child(6n){
	margin-right: 0%;
}
@media screen and (max-width: 1760px){
	.cpkuan{max-width:100%;padding: 0 20px;}
	.inner{width: 100%;padding: 0px 20px;}
	.foot_nav dl{padding: 0px 6% 0px 0px;}
}
@media screen and (max-width: 1440px) {
	.option{left: 0px;}
	.navx li h2>a::after{left: 0px;}
	.navx li:hover h2>a::after{width: calc(100% - 0px);}
	.foot_nav dl{padding: 0px 4% 0px 0px;}
}
@media (max-width:1230px){
	.aboutlist .telxx02{width: 45%;}
	.foot_nav dl{padding: 0px 2.5% 0px 0px;}
	.aboutlist .telxx .telxx01 p span{font-size: 26px}
	.aboutlist .telxx01 p:last-child{font-size: 22px}
	.aboutlist .telxx02 p{font-size: 26px}
}
@media screen and (max-width: 1024px){
	/* 首页-关于我们 */
	.bproInfo-demo .slick-dots{bottom:0px;height: 15px;}
	.aboutlist .telxx02{width: 100%;padding-right: 10%;}
	.aboutlist .telxx{padding: 48px 0px;}
	.aboutlist{padding-top:30px}
	.copyRight{margin-bottom:0}
	.aboutlist .telxx01{width: 100%;}
	.aboutlist .telxx02{width: 100%;}
	.aboutlist .telxx .telxx02 p{
		margin-top: 20px;
	}
	.aboutlist .telxx01 p{text-align: center;}
	.text_btn3{
		justify-content: center;
	}
	/* 首页-友情链接 */
	.niyou{padding: 10px 0;}
	.niyou .text{width: 100%;margin-bottom:20px;}
	.niyou form{max-width: 500px;margin: 0 auto;}
}
@media screen and (max-width: 1024px){
	/* 首页-产品中心 */
	.proBox .bd li{width: 49%;margin-right:2%;margin-bottom:20px}
	.proBox .bd li:nth-child(2n){margin-right:0%}
	/* 首页-案例 */
	.khallist ul li{width: 49%;margin-right:2%;margin-bottom:20px}
	.khallist ul li:nth-child(2n){margin-right:0%}
	/* 首页-新闻 */
	.newsxlist ul li{width: 49%;margin-right:2%;margin-bottom:20px}
	.newsxlist ul li:nth-child(2n){margin-right:0%}
	#footer ul li:last-child{border-right:0}
	/* 产品中心 */
	#innerbody .row .col-md-3{width: 49%;margin-right:2%;margin-bottom:20px}
	#innerbody .row .col-md-3:nth-child(2n){margin-right:0%}
	/* 新闻 */
	.neinewsxlist ul li a .txt .ttx{height: 48px;-webkit-line-clamp: 2;}
	.neinewsxlist ul li a .img{width: 100%;}
	.neinewsxlist ul li a .txt{width: 100%;}
	.neinewsxlist ul li{width: 49%;margin-right:2%;margin-bottom:20px}
	.neinewsxlist ul li:nth-child(2n){margin-right:0%}
	.btn2{margin-top:20px}
	/* 关于我们 */
	.nprorow .pcol-md-3{width: 49%;margin-right:2%;margin-bottom:20px}
	.nprorow .pcol-md-3:nth-child(2n){margin-right:0%}
}
@media screen and (max-width: 768px){
	.copyRight {
	    margin-bottom: 50px;
	}
}
@media screen and (max-width: 767px){
	/* 字体样式 */
	/* 标题 */
	.title_s{padding-bottom: 10px;margin-bottom: 20px;}
	.title_s h3{font-size: 22px;}
	.title_s h4{font-size: 18px;margin-bottom: 5px;}
	.title_s p{font-size: 16px;line-height:1.5}
	/* 首页-关于我们 */
	.aboutlist .telxx .telxx01 p span{font-size: 20px;margin-bottom:5px}
	.aboutlist .telxx01 p:last-child{font-size: 16px}
	.aboutlist .telxx02 p{margin-top:5px}
	.index_h2{font-size: 20px;}
	.index_h3{font-size: 18px;}
	.iabout .line{margin: 10px 0;}
	.iabout p{font-size: 16px;}
	.index_btn a{padding: 5px 25px;font-size: 16px;}
	.proBox .bd li a .info{font-size: 16px;height: 40px;line-height:40px}
	.btn2{margin-top:10px}
	.btn2 a{padding: 5px 25px;font-size: 16px;}
	.newsxlist ul li a .txt .tt{font-size: 16px;}
	.newsxlist ul li a .txt .ttx{font-size: 15px;}
	.mb_title{font-size: 16px;}
	.text_btn3 a {padding: 5px 25px;font-size: 16px;}
	.aboutlist .telxx .telxx01 p:last-child{letter-spacing: 0px;}
	.aboutlist .telxx .telxx02 p{margin-top:5px;margin-bottom:15px}
	/* 产品页面 */
	.clcpzx a .info{font-size: 16px;height: 40px;line-height:40px}
	.niyou a{margin-right: 15px;}


	.nprorow .pcol-md-3.partner{
		width:calc(49.4%);
	}
}
@media screen and (max-width: 500px){
	/* 首页-产品中心 */
	.proBox .bd li{width: 100%;margin-right:0%;margin-bottom:15px}
	/* 首页-案例 */
	.khallist ul li{width: 100%;margin-right:0%;margin-bottom:15px}
	/* 首页-新闻 */
	.newsxlist ul li{width: 100%;margin-right:0%;margin-bottom:15px}
	/* 产品 */
	#innerbody .row .col-md-3{width: 100%;margin-right:0%;margin-bottom:15px}
	.neinewsxlist ul li{width: 100%;margin-right:0%;margin-bottom:15px}
	.nprorow .pcol-md-3{width: 100%;margin-right:0%;margin-bottom:15px}
	.innermain{min-height:auto}
	.form1{margin-top: 20px;}
}
@media(min-width:1025px){
	#footop .cpkuan{
		display: flex;
	}
	.foot_nav{
		width: auto;
		flex: 1 1 auto;
	}
	.ficonlist{
		width: auto;
	}
	.a_txt{
	    display: none;
	}
}

/*新闻时间*/
.newslist_times{
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.newslist_times>div{
	position: relative;
	padding-left: 40px;
}
.newslist_times>div::after{
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	width: 1px;
	height: 100%;
	background-color: #004EA1;
}
.newslist_times>div>span{
	font-size: 1.625rem;
	line-height: 2;
	text-align: center;
	color: #004EA1;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	white-space: nowrap;
}
.newslist_times>div p{
	font-size: 2rem;
	line-height: 2;
	text-align: center;
	color: #004EA1;
	font-weight: bold;
	width: 100%;
	white-space: nowrap;
}
.newslist_times>div p span{
	display: none;
}
.index_news_times{
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 0;
	color: #fff;
	font-size: 1rem;
	padding: 7px 20px;
}
@media (max-width:1024px){
	.neinewsxlist ul li a{position: relative;}
	.newslist_times{position: absolute;bottom:13px;right: 20px;width: auto;}
	.newslist_times>div::after{display:none;}
	.newslist_times>div{display:flex;align-items: center;flex-direction: row-reverse;}
	.newslist_times>div>span{
		font-weight: normal;
		font-size: 1rem;
		color: #666;
		line-height: 1.5;
	}
	.newslist_times>div p{
		font-weight: normal;
		font-size: 1rem;
		color: #666;
		line-height: 1.5;
	}
	.newslist_times>div p span{
		display: initial;
	}
	.pagination{margin-top: 0;}
}
html{
    min-height: 100vh;
}
body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}
.copyRight.active{
    position: absolute;
    bottom: 0;
    left: 0;
}